.ant-pagination-options {
  .ant-select {
    width: 100px;
  }
}

.ant-pagination .ant-pagination-item {
  a:hover {
    color: #3883fa !important;
  }
}

.ant-modal-root .ant-modal-centered .ant-modal {
  top: -3.5vh;
}

.ant-modal div[aria-hidden='true'] {
  display: none !important;
}

.ant-modal .ant-modal-content {
  padding-inline: 0;
  padding-block-start: 0;
  border: 1px solid #4b5f7c;
  box-shadow: 0 0 20px 5px rgba(44, 67, 100, 0.6);
  .ant-modal-header {
    height: 52px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    border-radius: 3px 3px 0 0;
  }

  .ant-modal-body {
    padding: 16px 24px;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .ant-modal-body:has(.form-modal) {
    padding: 0;
    max-height: none;
    .ant-card {
      .ant-card-body {
        padding-left: 24px !important;
        padding-right: 24px !important;
      }
      .ant-card-head {
        height: 52px;
        padding: 0 24px;
        background: linear-gradient(90deg, #475a77 0%, #334257 100%);
        border-radius: 3px 3px 0 0;
        border-bottom: 0;
      }
      .ant-tabs-ink-bar {
        height: 3px;
        bottom: 2px;
      }
      .ant-tabs-tab-active .ant-tabs-tab-btn {
        color: #fff;
      }
    }
  }

  .ant-modal-footer {
    padding: 0 24px 0;
  }

  .ant-modal-confirm-btns {
    .ant-btn-primary {
      &:hover {
        color: #badeff !important;
      }
    }
  }
}

.ant-layout-content {
  padding-bottom: 18px;
  padding-right: 18px;
}

.ant-layout-sider .ant-menu-item-selected {
  background: linear-gradient(
    90deg,
    #4a5b79 0%,
    rgba(74, 91, 121, 0.16) 86%,
    rgba(74, 91, 121, 0) 100%
  );
}

.menu-header {
  .ant-menu-item {
    .ant-menu-title-content {
      line-height: inherit;
    }

    svg {
      color: #fff;
      background: linear-gradient(30deg, #fff 20%, #63d0ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      fill: currentColor;
    }
  }

  .ant-menu-item-selected {
    &::after {
      border-bottom-color: #4fe5ff !important;
    }
    svg {
      color: #4fe5ff;
    }
  }
}

.ant-table-thead {
  .ant-table-cell {
    line-height: 22px;
    font-weight: 500 !important;
  }
}

.ant-table {
  .ant-table-cell {
    .ant-btn-link {
      font-size: 14px !important;
      padding: 0 8px !important;
      height: 24px;
    }
  }
}

.ant-divider-inner-text {
  font-weight: bold;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.ant-btn {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  .anticon {
    vertical-align: 1px;
  }
}

.ant-form-item-extra {
  color: #fff !important;
}
.ant-tabs {
  .ant-tabs-content {
    height: 100%;
  }
}

.ant-menu-inline {
  border-inline-end: 0 !important;
}

.ant-input-affix-wrapper .ant-input {
  background-color: transparent;
}
.ant-input:focus,
.ant-picker-focused,
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus,
.ant-input-number-focused,
.ant-select-focused .ant-select-selector {
  // box-shadow: none !important;
  // color: rgba(31,38,52, 1);
}

.ant-card-body,
.ant-tree {
  height: 100%;
}
.ant-tree-list {
  height: 100%;
  overflow: auto;
}

.ant-tree-checkbox:hover {
  .ant-tree-checkbox-inner {
    border-color: #fff !important;
  }
}

.ant-tree-checkbox-checked:hover {
  .ant-tree-checkbox-inner {
    border-color: #1677ff !important;
    background: #1677ff !important;
  }
}

.ant-notification-close-x {
  color: #fff;
}

.ant-btn:not(.ant-btn-link, :disabled):hover {
  // color: #fff !important;
  // border: 1px solid #fff !important;
  // background: #4096ff !important;
}

.ant-btn-primary:not(.ant-btn-link, :disabled):hover {
  &:hover {
    background-color: #5395ff !important;
  }
}

.ant-modal-body .ant-card {
  background: transparent !important;
}

// tag标签全局样式修改
.ant-tag {
  font-size: 14px;
  font-weight: bold;
  margin-inline-end: 0;
  &.no-hover:hover {
    background-color: inherit;
    color: inherit;
    border-color: transparent;
    box-shadow: none;
  }
}
.ant-tag-processing {
  background: linear-gradient(
    180deg,
    rgba(56, 131, 250, 0.3) 0%,
    rgba(33, 78, 148, 0.3) 100%
  );
  border-radius: 2px;
  border: 1px solid #3883fa;
  color: #4990ff;
}
.ant-tag-success {
  background: linear-gradient(
    180deg,
    rgba(61, 199, 162, 0.3) 0%,
    rgba(30, 97, 79, 0.3) 100%
  );
  border-radius: 2px;
  border: 1px solid #3dc7a2;
  color: #3dc7a2;
}
.ant-tag-warning {
  background: linear-gradient(
    180deg,
    rgba(211, 130, 57, 0.3) 0%,
    rgba(94, 68, 43, 0.3) 100%
  );
  border-radius: 2px;
  border: 1px solid #d38239;
  color: #ffa657;
}
.ant-tag-error {
  background: linear-gradient(
    180deg,
    rgba(235, 112, 127, 0.3) 0%,
    rgba(94, 43, 49, 0.3) 100%
  );
  border-radius: 2px;
  border: 1px solid #ff7c8c;
  color: #ff7c8c;
}
.ant-tag-default {
  background: linear-gradient(
    180deg,
    rgba(167, 171, 178, 0.3) 0%,
    rgba(71, 73, 76, 0.3) 100%
  );
  border-radius: 2px;
  border: 1px solid #a7abb2;
  color: #c7c9cd;
}

.ant-select-dropdown,
.ant-tree-select-dropdown,
.ant-picker-dropdown {
  background: rgba(55, 55, 55, 0.6) !important;
  box-shadow: 0px 6px 30px 0px rgba(84, 84, 84, 0.3) !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 3px 3px 3px 3px;
  backdrop-filter: blur(30px);
}

.ant-picker-panel-container {
  box-shadow: none !important;
}

.rc-virtual-list-scrollbar-thumb {
  background-color: #69768c !important;
}

.ant-switch {
  &:hover:not(.ant-switch-disabled) {
    background-color: #c9cdd4 !important;
  }

  .ant-switch-handle {
    width: 20px !important;
    height: 20px !important;
    top: 0 !important;
    inset-inline-start: 0;

    &::before {
      border-radius: 50% !important;
    }
  }

  &.ant-switch-checked {
    background-color: #4daede !important;
    .ant-switch-handle {
      inset-inline-start: calc(100% - 20px);
    }

    &:hover:not(.ant-switch-disabled) {
      background-color: #58c6fc !important;
    }
  }
}

.ant-tabs-dropdown .ant-tabs-dropdown-menu {
  background-color: #141c28;
}

.pro-form-modal .ant-input:not(:disabled) + .ant-input-group-addon {
  background-color: #576e90;
  &:hover {
    background-color: #667791;
  }
}

.ant-select-selection-item {
  border: none !important;
}

.ant-select-tree
  .ant-select-tree-list
  .ant-select-tree-checkbox.ant-select-tree-checkbox-checked
  .ant-select-tree-checkbox-inner {
  background: #4daede;
}

.ant-select-selection-overflow-item {
  max-width: 96% !important;
}

.ant-switch .ant-switch-handle {
  top: 1px !important;
}
